<template>
  <div id="map" class="map"></div>
</template>

<script>
export default {
  data() {
    return {
      map: null,
    };
  },
  mounted() {
    var map = new BMap.Map("map"); // 创建地图实例
    map.centerAndZoom(new BMap.Point(105.403119, 38.028658), 5); // 设置地图中心点为中国中心区域
    map.setMapStyle({ style: "midnight" });
    map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放
    this.map = map;
  },
};
</script>

<style lang="scss">
.map {
  width: 100%;
  height: 100% !important;
}
</style>